﻿.slide_in {
    animation-name: fadein;
}

.slide_out {
    animation-name: fadeout;
    transform: translateX(1100px);
    display: none;
}

.slide {
    position: fixed;
    z-index: 9;
    top: 96px;
    right: 0px;
    width: 1000px;
    height: calc(100vh - 96px);
    border: solid 1px #ccc;
    background-color: white;
}

.text-wrap {
    white-space: pre-line;
    line-height: 1.5rem;
    word-break: break-all;
    word-wrap: break-word
}

@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateX(1100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
        transform: translateX(0px);
    }

    100% {
        opacity: 0;
        transform: translateX(1100px);
    }
}
